$(function(){
	setTimeout(function() {
		$("#zuo").addClass("textchangen")
	}, 200)
	//悬浮播放视频
	$(".image-container").mouseover(function() {
		$(this).html("<video autoplay muted loop  class='tu' width='246' height='138' poster='../img/好磕！.jpg'> " +
			"<source src='../viode/高清拳台.mp4' type='video/mp4'> </video>");
		$(this).next().css('visibility', 'hidden');
	})
	$(".image-container").mouseout(function() {
		$(this).html("<img class='tu' src='../img/王牌.png' />");
		$(this).next().css("visibility", "visible")
	})
	
	$(function(){
		//复合事件
		 mouse("san");
		 mouse("dandian");
		
	})
	function mouse(ID){
		$("#"+ID).hover(function() {
			$("#dandian").css("display", "block");
		}, function() {
			$("#dandian").css("display", "none");
		})
	}
	$("#zuo").click(function() {
		$(this).addClass("textchangen")
		$("#like").removeClass("textchangen")
		$("#hotroy").removeClass("textchangen")
		$("#like").addClass("text")
		$("#hotroy").addClass("text")
	})
	$("#like").click(function() {
		$(this).addClass("textchangen")
		$("#zuo").removeClass("textchangen")
		$("#hotroy").removeClass("textchangen")
		$("#zuo").addClass("text")
		$("#hotroy").addClass("text")
	})
	$("#hotroy").click(function() {
		$(this).addClass("textchangen")
		$("#zuo").removeClass("textchangen")
		$("#like").removeClass("textchangen")
		$("#zuo").addClass("text")
		$("#like").addClass("text")
	})
})

